{[include file="../../../../library/view/templates/header.tpl"]}
<script src="{[$host]}/public/js/basicCommon/plugins/jquery/jquery.ui.core.js" type="text/javascript"></script>
<script src="{[$host]}/public/js/basicCommon/plugins/jquery/jquery.ui.widget.js" type="text/javascript"></script>
<script src="{[$host]}/public/js/basicCommon/plugins/jquery/jquery.ui.mouse.js" type="text/javascript"></script>
<script src="{[$host]}/public/js/basicCommon/plugins/jquery/jquery.ui.sortable.js" type="text/javascript"></script>
<script src="{[$host]}/public/js/basicCommon/plugins/ckeditor/ckeditor.js" type="text/javascript"></script>
<script src="{[$host]}/public/js/basicCommon/plugins/ckeditor/config.js" type="text/javascript"></script>
<script src="{[$host]}/public/js/example/exampleSortable.js" type="text/javascript"></script>
<body id="test" style="margin:0px 0px 0px 0px">
{[include file="../../../../library/view/templates/common.tpl"]}
    <div id="sortable_sample">
        <h2>sortable sample</h2>
        <table border="1px">
            <tr>
                <td width="300px" align="center">商品</td>
                <td width="300px" align="center">オーダー</td>
            </tr>
            <tr>
                <td>
                    <ul id="goods" style="background:silver;height:60px" >
                        <li>
                            <span style="width:50px">001</span>
                            <span style="width:50px">apple</span>
                            <input type="hidden" id="goodsno" value="001"/>
                        </li>
                        <li>
                            <span style="width:50px">002</span>
                            <span style="width:50px">orange</span>
                            <input type="hidden" id="goodsno" value="002"/>
                        </li>
                        <li>
                            <span style="width:50px">003</span>
                            <span style="width:50px">peach</span>
                            <input type="hidden" id="goodsno" value="003"/>
                        </li>
                    </ul>
                </td>
                <td>
                    <ul id="orders" style="background:yellow;height:80px">
                        <li>
                            <span style="width:50px">004</span>
                            <span style="width:50px" id="goodsname004">イチゴ</span>
                        </li>
                    </ul>
                </td>
            </tr>
        </table>
        <br/>
        <input type="button" value="setChangestyle" onclick="setChangestyle_click()"/>
        <table border="1px">
            <tr>
                <td width="300px" align="center">商品情報</td>
                <td width="300px" align="center">割引商品</td>
            </tr>
            <tr>
                <td>
                    <ul id="goodsDetail" style="background:silver;height:80px" >
                        <li>
                            <span style="width:50px">001</span>
                            <span style="width:50px">apple</span>
                            <span style="width:50px">りんご</span>
                        </li>
                        <li>
                            <span style="width:50px">002</span>
                            <span style="width:50px">orange</span>
                            <span style="width:50px">オレンジ</span>
                        </li>
                        <li>
                            <span style="width:50px">003</span>
                            <span style="width:50px">peach</span>
                            <span style="width:50px">もも</span>
                        </li>
                        <li>
                            <span style="width:50px">004</span>
                            <span style="width:50px">strawberry</span>
                            <span style="width:50px">イチゴ</span>
                        </li>
                    </ul>
                </td>
                <td>
                    <ul id="discountGoods" style="background:yellow;height:80px">
                    </ul>
                </td>
            </tr>
        </table>
        <br/>
        <input type="button" value="setSimpleSort" onclick="setSimpleSort_click()"/>
    </div>
    <hr/>
    <div id="ckedit_sample">
        <h2>ckedit_sample</h2>
        <input type="button" value="display ckeditor" onclick="displayCkeditor(this);"/>
        <textarea id="ckeditor"></textarea>
    </div>
</body>
{[include file="../../../../library/view/templates/footer.tpl"]}
